<!DOCTYPE html>
<html lang="zh-cmn-Hans">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>报名学车</title>

    <!-- 微信UI库 -->
    <link rel="stylesheet" href="libs/weui/weui.css">

    <!-- 微信JS库 -->
    <script type="text/javascript" src="libs/weui.js/weui.js"></script>
    <!-- jQuery -->
    <script type="text/javascript" src="libs/jquery/jquery-2.2.3.min.js"></script>
    <!-- 微信JS-SDK -->
    <script type="text/javascript" src="libs/js-sdk/jweixin-1.2.0.js"></script>
    <!-- 自定义公共JS -->
    <script type="text/javascript" src="js/app.js"></script>
    <style>

    </style>
</head>
<body>
    <div class="page">
        <ul id="group_list">

        </ul>
    </div>

    <div id="console"></div>

    <script type="text/javascript">
        $(function() {
            var loading, $group_list = $('#group_list') ;
            $.ajax({
                type: 'POST',
                url: Commons.WEIXIN_OAUTH_H5_URL + '/wx/jssdk/config',
                dataType: 'JSON',
                success: function(result) {
                    wx.config({
                        debug: false, 					// 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                        appId: result.appid, 			// 必填，公众号的唯一标识
                        timestamp: result.timestamp, 	// 必填，生成签名的时间戳
                        nonceStr: result.noncestr, 		// 必填，生成签名的随机串
                        signature: result.signature,	// 必填，签名，见附录1
                        // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
                        jsApiList: [
                            'onMenuShareTimeline',
                            'onMenuShareAppMessage',
                        ]
                    });

                    wx.ready(function(){
                        loading = weui.loading('加载中');

                        //获取学车套餐信息
                        getGoodsGroup()

                        share()
                    });

                    wx.error(function(res){
                        weui.alert('权限验证失败，jsApiList是否未配置');
                    });
                },
                error: function(e, ee) {
                    console.info(e);
                }
            })

            function getGoodsGroup() {
                $.ajax({
                    type: 'get',
                    url: Commons.WEIXIN_OAUTH_H5_URL + '/wx/xczs/getGoodsGroup',
                    success: function (result) {
                        if(result.status) {
                            $.map(result.data, function (p) {
                                var _li = $('<li>'), _a = $('<a>');
                                _a.attr('href', 'http://yhaoquan.imwork.net/wx/oauth/xczs/pay/oauth_process_base?state='+p.id);
                                _a.html(p.name).appendTo(_li);

                                _li.appendTo($group_list);
                            })



                            loading.hide()
                        } else {
                            weui.alert(result.message);
                        }
                    },
                    complete: function () {

                    },
                    error: function (data) {
                        loading.hide()
                    }
                })
            }


            function share() {
                var shareLink = Commons.WEIXIN_OAUTH_H5_URL + '/h5/xczs/biz/goods_group.html';

                //分享到朋友圈
                wx.onMenuShareTimeline({
                    title: '邀请好友一起来学车', // 分享标题
                    link: shareLink, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: 'http://image.bitauto.com/dealer/brandgroup/m/529.png', // 分享图标
                    success: function () {
                        // 用户确认分享后执行的回调函数
                        weui.toast('用户分享到朋友圈')
                    },
                    cancel: function () {
                        // 用户取消分享后执行的回调函数
                    }
                });

                //分享给朋友
                wx.onMenuShareAppMessage({
                    title: '邀请好友一起来学车', // 分享标题
                    desc: '新用户注册即可获赠1亿越南盾用车劵，心动不与行动，赶紧注册领取！', // 分享描述
                    link: shareLink, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: 'http://image.bitauto.com/dealer/brandgroup/m/529.png', // 分享图标
                    type: 'link', // 分享类型,music、video或link，不填默认为link
                    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                    success: function () {
                        // 用户确认分享后执行的回调函数
                        weui.toast('用户分享给朋友')
                    },
                    cancel: function () {
                        // 用户取消分享后执行的回调函数
                    }
                });
            }

            function print() {
                for(var i=0; i<arguments.length; i++) {
                    $('#console').append(JSON.stringify(arguments[i])).append("<br>")
                }
            }

        });

    </script>


</body>
</html>